---
title: "Accessibility Checker Rule Help: RPT_Header_HasContent"
---
import "../../../styles/ToolHelp.scss"
import { CodeSnippet, Tag } from "carbon-components-react";

<div className="toolHelp">
<Row>
<Column colLg={5} colMd={3} colSm={4} className="toolLeft">

### Who does this affect?

* Blind people using screen readers
* People who physically cannot use a pointing device

### Why is this important?

Heading elements with clear descriptive content are used by assistive technology users to understand what is in each section on the page. They allow users to quickly find and navigate to different sections of interest.

</Column>
<Column colLg={11} colMd={5} colSm={4} className="toolMain">

<div id="locLevel"></div>

### Heading element has no descriptive text
Heading elements must provide descriptive text

[IBM 2.4.6 Headings and Labels](http://www.ibm.com/able/guidelines/ci162/headings_and_labels.html) | [WCAG 2.1 technique G130](https://www.w3.org/WAI/WCAG21/Techniques/general/G130)

<div id="locSnippet"></div>

### What to do

* Provide a descriptive heading for each Web page section that clearly identifies the subject.

</Column>
</Row>
</div>

export default ({ children, _frontmatter }) => (<React.Fragment>{children}</React.Fragment>)
